/**
 * Created by fangshufeng on 2018/4/23.
 */

import React, {Component} from 'react'
import {AllRequestList, MockList,CenterView,RightView}from '../component'


export default class BodyView extends Component {

    render() {
        return <div style={{...this.props.style, ...style.container}}>
            <div style={style.leftViewStyle}>
                <AllRequestList style={{flex: 1}}/>
                <MockList style={{flex: 1}}/>
            </div>
            <div style={style.centerViewStyle}>
                <CenterView style={{flex:1}}/>
            </div>
            <div style={style.rightViewStyle}>
                <RightView style={{flex:1}} current_select_data={{'data':{'name':'dasd','sex':'33'}}}/>
            </div>

        </div>
    }
}

const style = {
    container: {
        display: 'flex',
        alignItems: 'stretch',
        marginTop:20
    },
    leftViewStyle: {
        flex: 1,
        display: 'flex',
        flexDirection: 'column',
        width:0,
        marginLeft:15
    },
    centerViewStyle: {
        flex: 2,
        display:'flex',
        flexDirection: 'column',
        marginLeft:10,
        marginRight:10
    },
    rightViewStyle: {
        flex: 1,
        display:'flex',
        flexDirection: 'column',
        width:0
    }
};


